.layui-nav-item{height:60px;padding:10px 0px 0px 10px;cursor:pointer;border-bottom: 1px solid #fff;}
.layui-nav-item:hover{background:#c2c2c2;color:white;}
.active{background:#c2c2c2;color:white}
.layui-nav-item img{width: 50px;height: 50px;border-radius: 100%;}
.chat-left{width:70%;height:100%;float:left;border-right:1px solid #e2e2e2}
.msg-send{width:100%;height:28%;background:white;}
.tools-bar{width:98%;height:13%;padding:1% 1% 2% 1%;border-top:1px solid #e2e2e2;}
.tools-bar i{cursor: pointer;margin-left:10px}
.msg-box{width:100%;height:65%;}
.msg-area{width:98%;height:98%;padding:0 1%;resize:none;border:none;overflow-y: auto;}
.send-area{width:100%;height:18%;}
.user-name{width:80px;display:inline-block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position: relative;top: 5px;left: 10px;}
.clear{ height:0px;font-size:0;clear:both;}

 
.chat-box{width:98%;height:62%;overflow-x: hidden; overflow-y: auto;padding: 2% 1%}
.chat-box ul{display:none}
.chat-box .show-chat-detail{display:block}
.mylink-chat-main ul li{position: relative; font-size: 0; margin-bottom: 10px; padding-left: 60px; min-height: 68px;}
.mylink-chat-user,
.mylink-chat-text{display: inline-block; *display:inline; *zoom:1; vertical-align:top; font-size: 14px;}
.mylink-chat-user{position: absolute; left: 3px;}
.mylink-chat-user img{width: 40px; height: 40px; border-radius: 100%;}
.mylink-chat-user cite{position: absolute; left: 60px; top: -2px;line-height: 24px; font-size: 12px; white-space: nowrap; color: #999; text-align: left; font-style: normal;}
.mylink-chat-user cite i{padding-left: 15px; font-style: normal;}
.mylink-chat-text{position: relative; line-height: 22px; margin-top: 25px; padding: 8px 15px; background-color: #e2e2e2; border-radius: 3px; color: #333; word-break: break-all;}
.mylink-chat-text:after{content: ''; position: absolute; left: -10px; top: 13px; width: 0; height: 0; border-style: dashed; border-color:transparent; overflow:hidden; border-width: 10px; border-top-style: solid; border-top-color: #e2e2e2;}
.mylink-chat-text{max-width: 462px;}
.mylink-chat-text a{color: #33DF83;}
.mylink-chat-text img{ max-width: 100%; vertical-align: middle;}
.layui-mylink-file,
.mylink-chat-text .layui-mylink-file{display: block; text-align: center; }
.mylink-chat-text .layui-mylink-file{color: #333;}
.layui-mylink-file:hover{opacity: 0.9}
.layui-mylink-file i{font-size: 80px; line-height: 80px;}
.layui-mylink-file cite{display: block; line-height: 20px; font-size: 14px;}
.layui-mylink-audio{text-align: center; cursor: pointer;}
.layui-mylink-audio .layui-icon{position: relative; top: 5px; font-size: 24px;}
.layui-mylink-audio p{margin-top: 3px;}
.layui-mylink-video{width: 120px; height: 80px; line-height: 80px; background-color: #333; text-align: center; border-radius: 3px;}
.layui-mylink-video .layui-icon{font-size: 36px; cursor: pointer; color: #fff;}
.mylink-chat-main ul .mylink-chat-system{min-height: 0; padding: 0;}

.mylink-chat-main ul .mylink-chat-mine{text-align: right; padding-left: 0; padding-right: 60px;}
.mylink-chat-mine .mylink-chat-user{left: auto; right: 3px;}
.mylink-chat-mine .mylink-chat-user cite{left: auto; right: 60px; text-align: right;}
.mylink-chat-mine .mylink-chat-user cite i{padding-left: 0; padding-right: 15px;}
.mylink-chat-mine .mylink-chat-text{margin-left: 0; text-align: left; background-color: #5FB878; color: #fff;}
.mylink-chat-mine .mylink-chat-text:after{left: auto; right: -10px; border-top-color: #5FB878;}
.mylink-chat-mine .mylink-chat-text a{color: #fff;}

.mylink-chat-footer{border-top: 1px solid #F1F1F1;}
.mylink-chat-tool{position: relative; padding: 0 8px; height: 38px; line-height: 38px; font-size: 0;}
.mylink-chat-tool span{position: relative; margin: 0 10px; display: inline-block; *display:inline; *zoom:1; vertical-align:top; font-size: 24px; cursor: pointer;}
.mylink-chat-tool .mylink-tool-log{position: absolute; right: 5px; font-size: 14px; }
.mylink-tool-log i{position: relative; top: 2px; margin-right: 5px; font-size: 20px; color: #999}
.mylink-tool-image input{position: absolute; font-size: 0; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.01; filter: Alpha(opacity=1); cursor: pointer;}

.layui-tab-title li{width:30%}
.chat_page{position:absolute;bottom:0;right:0;width:320px;height:480px;background:#e8e8e8;z-index:9999}

body .layui-mylink-face{border: none; background: none;}
body .layui-mylink-face  .layui-layer-content{padding:0; background-color:#fff; color:#666; box-shadow:none}
.layui-mylink-face .layui-layer-TipsG{display:none;}
.layui-mylink-face ul{position:relative; width:372px; padding:10px; border:1px solid #D9D9D9; background-color:#fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.layui-mylink-face ul li{cursor: pointer; float: left; border: 1px solid #e8e8e8; height: 22px; width: 26px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center;}
.layui-mylink-face ul li:hover{position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec;}


/*订单与商品信息*/
.order-alone-li table {
    margin-top: 10px;
    margin-bottom: 30px;
    border: 1px solid #dadada;
    border-collapse: collapse
}

.order-alone-li .time_or {
    border-bottom: 0
}

.order-alone-li .time_or td {
    background: #f5f5f5;
    padding: 8px 15px
}

.order-alone-li .time_or td .fl_ttmm {
    position: relative
}

.order-alone-li .time_or td span {
    font-size: 14px
}

.order-alone-li .time_or td .time-num {
    color: #999999
}

.order-alone-li .time_or td .num {
    color: #333333;
    margin-right: 10px
}

.order-alone-li .conten_or {
    border-top: 0
}

.order-alone-li .conten_or td {
    padding: 10px 0;
    border: 1px solid #dadada
}

.order-alone-li .conten_or .sx1 {
    border-right: 0
}

.order-alone-li .conten_or .sx2,.order-alone-li .conten_or .sx3,.order-alone-li .conten_or .sx5,.order-alone-li .conten_or .sx6 {
    text-align: center;
    font-size: 14px
}

.order-alone-li .conten_or .sx2 {
    border-left: 0;
    font-size: 16px
}

.order-alone-li .conten_or .sx4 {
    font-size: 14px
}

.order-alone-li .conten_or .sx4 .pric_rhz {
    padding-left: 15px
}

.order-alone-li .conten_or .sx4 .d_pri {
    font-size: 14px
}

.order-alone-li .conten_or .sx4 p,.order-alone-li .conten_or .sx5 p,.order-alone-li .conten_or .sx6 p {
    line-height: 30px
}

.shop-if-dif {
    padding: 0 15px;
    overflow: hidden
}

.shop-if-dif .shop-difimg {
    float: left;
    width: 30%;
    max-width: 80px;
}

.shop-if-dif .shop_name {
    float: left;
    width: 70%;
}


